<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>农资分类</title>
    <link rel="stylesheet" href="../base.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="goodsclassify.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 导航栏1 -->
        <div class="nav1">
            <ul>
                <li>您好，欢迎您使用禾田裕农资资约购平台</li>
                <li>
                    <a href="../loginPage.html">
                        <i class="fa fa-home"></i>
                        请登录
                    </a>
                </li>
                <li>
                    <a href="../myagriCulturalresources/myagriCulturalresources.html">
                        <i class="fa fa-star-half-o"></i>
                        我的农资
                    </a>
                </li>
                <li>
                    <a href="../shoppingcart/shoppingcart.html">
                        <i class="fa fa-cart-plus"></i>
                        购物车
                    </a>
                </li>
                <li>
                    <a href="../favorites/favorites.html">
                        <i class="fa fa-folder-o"></i>
                        收藏夹
                    </a>
                </li>
            </ul>
        </div>

        <!-- logo宣传+搜索框 -->
        <div class="logoSearch">
            <div class="logo">
                <img src="logo1.jpeg" alt="" width="265px" height="128px">
                <img src="logo2.png" alt="">
            </div>
            <span class="search">
                <input type="text" placeholder="请输入想搜索的种子、化肥、农资药" class="searchInput">
                <!-- <input type="button" value="搜索"> -->
                <button>搜索</button>
            </span>
        </div>

        <!-- 分类导航栏2 -->
        <div class="nav2">
            <ul>
                <li><a href="goodsclassify.html">农资分类</a></li>
                <li><a href="../activityPage/activityPage.html">活动专区</a></li>
                <li><a href="../activityPage/location.html">因地制宜</a></li>
                <li><a href="../agriculturalSciencePopularization/agriculturalSciencePopularization.html">农资业科普</a></li>
                <li><a href="../after-salesService/after-salesService.html">售后服务</a></li>
            </ul>
        </div>

        <!--左分类栏 + 广告轮播 + 快速入口-->
        <div class="serverce">
            <div class="nav3">
                <ul>
                    <li><a href="#"><i class="fa fa-caret-right"></i>种子</a></li>
                    <li><a href="#"><i class="fa fa-caret-right"></i>化肥</a></li>
                    <li><a href="#"><i class="fa fa-caret-right"></i>农药</a></li>
                    <li><a href="#"><i class="fa fa-caret-right"></i>农具</a></li>
                </ul>
            </div>
            <div class="rollwhell">
                <img src="#" alt="">
            </div>
            <div class="quickEnter">
                <a href="#"><img src="pic1.jpg" alt="" width="215px" height="160px"></a>
                <a href="#"><img src="pic2.jpg" alt="" width="215px" height="160px"></a>
            </div>
        </div>
    </div>

    
    <!-- 主要内容 -->
    <div class="content">
        
        <!-- 推荐商品 -->
        <div class="allGoods">
            <!-- 推荐标签 -->
            <div class="goodsNav">
                <a href="#" class="goodsWord1">推荐</a>
                <a href="#" class="goodsWord2">因地制宜，珍惜每一寸土地&nbsp;&nbsp;<i class="fa fa-angle-right fa-2x"></i></a>
            </div>
            <!-- 商品 -->
            <div class="goods2">
                <ul>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 宣传图片1
            <div class="publicize">
                <img src="pic6.jpeg" alt="" width="1024px" height="132px">
            </div> -->
        </div>

        <!-- 种子 -->
        <div class="allGoods">
            <!-- 种子标签 -->
            <div class="goodsNav">
                <a href="#" class="goodsWord1">种子</a>
                <span>
                    <a href="#">玉米</a>
                    <a href="#">蔬菜</a>
                    <a href="#">林木</a>
                    <a href="#">其他</a>
                </span>
                <a href="#" class="goodsWord2">播种希望收获果实&nbsp;&nbsp;<i class="fa fa-angle-right fa-2x"></i></a>
            </div>
            <!-- 种子商品 -->
            <div class="goods2">
                <ul>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="goods2">
                <ul>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 肥料 -->
        <div class="allGoods">
            <!-- 肥料标签 -->
            <div class="goodsNav">
                <a href="#" class="goodsWord1">肥料</a>
                <span>
                    <a href="#">复合</a>
                    <a href="#">林木</a>
                    <a href="#">有机</a>
                    <a href="#">其他</a>
                </span>
            </div>
            <!-- 肥料商品 -->
            <div class="goods2">
                <ul>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="goods2">
                <ul>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                </ul>
            </div>
            <!-- 宣传图片2
            <div class="publicize">
                <img src="pic7.jpg" alt="" width="1024px" height="132px">
            </div> -->
        </div>

        <!-- 农药商品 -->
        <div class="allGoods">
            <!-- 农药标签 -->
            <div class="goodsNav">
                <a href="#" class="goodsWord1">农药</a>
                <span>
                    <a href="#">杀虫</a>
                    <a href="#">除草</a>
                    <a href="#">杀菌</a>
                    <a href="#">其他</a>
                </span>
            </div>
            <!-- 农药商品 -->
            <div class="goods2">
                <ul>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="goods2">
                <ul>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 农具商品 -->
        <div class="allGoods">
            <!-- 推荐标签 -->
            <div class="goodsNav">
                <a href="#" class="goodsWord1">农具</a>
                <!-- <a href="#" class="goodsWord2">因地制宜，珍惜每一寸土地&nbsp;&nbsp;<i class="fa fa-angle-right fa-2x"></i></a> -->
            </div>
            <!-- 商品 -->
            <div class="goods2">
                <ul>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="goodForm"><img src="pic5.png" alt="" width="150px" height="150px"></div>
                            <div class="ele4">现价：XXX元</div>
                            <div class="ele5">【XXX定制】200g/L 草氨磷酸5kg*1桶</div>
                            <div class="ele6"><a href="#">XXX农资旗舰店</a></div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <!-- 页面底部 -->
    <div class="footer">
        <div class="foot_nav1">
            <ul>
                <li><i class="fa fa-handshake-o fa-2x"></i>&nbsp;&nbsp;&nbsp;&nbsp;正品质量保证</li>
                <li><i class="fa fa-truck fa-2x"></i>&nbsp;&nbsp;&nbsp;&nbsp;按时配送货物</li>
                <li><i class="fa fa-shield fa-2x"></i>&nbsp;&nbsp;&nbsp;&nbsp;安全支付保障</li>
                <li><i class="fa fa-headphones fa-2x"></i>&nbsp;&nbsp;&nbsp;&nbsp;售后服务守护</li>
            </ul>
        </div>
        <div class="foot_nav2">
            <div class="logo1">
                <img src="logo1.jpeg" alt="" width="200px" height="180px">
            </div>
            <div class="a_navs">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">招商合作</a></li>
                    <li><a href="#">意见反馈</a></li>
                </ul>
                <ul>
                    <li><a href="#">信息查询</a></li>
                    <li><a href="#">农资查询</a></li>
                    <li><a href="#">病害咨询</a></li>
                </ul>
                <ul>
                    <li><a href="#">售后服务</a></li>
                    <li><a href="#">订单中心</a></li>
                    <li><a href="#">订单查询</a></li>
                    <li><a href="#">退换货政策</a></li>
                </ul>
                <ul>
                    <li><a href="#">新手帮助</a></li>
                    <li><a href="#">新用户注册</a></li>
                    <li><a href="#">常见问题</a></li>
                </ul>
            </div>
        </div>
        <div class="foot_pic">
            <img src="pic8.jpg" alt="" width="1024px" height="132px">
        </div>
    </div>

</body>

</html>